<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <link rel="stylesheet" href="assets/css/variables.css">
  <link rel="stylesheet" href="assets/css/global.css">
  <link rel="stylesheet" href="assets/css/nav.css">
  <link rel="stylesheet" href="assets/css/section.css">
  <link rel="stylesheet" href="assets/css/project.css">
  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" type="text/css">
  <link rel="import" href="sections/database.html">
  <link rel="import" href="sections/project.html">
  <link rel="import" href="sections/unity.html">
  <link rel="import" href="sections/unreal.html">
  <link rel="import" href="sections/audio.html">
  <link rel="import" href="sections/tools.html">
  <script src="node_modules/art-template-plus/dist/template.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</head>
<body>

  <nav class="nav js-nav">
    <header class="nav-header"><span class="nav-title">Giant <strong>Audio Studio</strong></span>
      <div class="nav-item">
        <button type="button" id="button-project" data-section="project" class="nav-button">Project</button>
        <button type="button" id="button-database" data-section="database" class="nav-button">Database</button>
        <button type="button" id="button-unity" data-section="unity" class="nav-button">Unity</button>
        <button type="button" id="button-unreal" data-section="unreal" class="nav-button">Unreal</button>
        <button type="button" id="button-audio" data-section="audio" class="nav-button">Audio</button>
        <button type="button" id="button-tools" data-section="tools" class="nav-button">Tools</button>
      </div>
    </header>

  </nav>

  <main class="content js-content"></main>

  <script>
    require('popper.js')
    require('jquery')
    require('bootstrap')
    require('./assets/imports')
    require('./assets/nav')
    require('./renderer-process/project')
    require('art-template')
  </script>
</body>
</html>
